<template>
	<view >
			<view class="zy2 "  v-for="item in datas" :key="item.key" >
				<view   class="gailvIcon"
					:class="item.chance_lv==2?'wen'+ item.isFit==0?' hui':'':item.chance_lv==3?'bao' + item.isFit==0?' hui':'':'' + item.isFit==0?' hui':''  " >
					<view class="" >
						<text >{{item.chance}}</text><text style="font-size: 18rpx;" >%</text>
					</view>
					<text >录取概率</text>
				</view>
				<view class="gailvText" >
					<view class="gailvText-s" :class="item.isFit==0?'changeColor':''">
					{{`${item.collegeName}(${item.collegeEnrollCode}${item.groupCode?'-'+item.groupCode:''})`  }}
					</view>
				
					<view class="gailvText-year" >
						{{item.planYear}}年招生计划：<text :class="item.isFit==0?'changeColor':''">{{item.planNum}}人</text> <text v-if="zy_type==2" :class="item.isFit==0?'changeColor':''">{{item.majorsInfo[0].chooseSubjectText}}</text>
					</view>
					<view class="gailvText-tips">
				
						
						{{`${item.chance_lv==1? item.isFit==0?'选科不符':'填报建议：风险极大 建议不报' :item.chance_lv==2?item.isFit==0?'选科不符':'填报建议：风险中等 建议填报冷门专业':item.chance_lv==3?item.isFit==0?'选科不符':'填报建议：风险极小 建议规避热门专业':''}`}}
					</view>
				</view>
		</view>
	
	</view>
</template>

<script>
	export default {
		name:"luqulvbox",
		props:{
				datas:{
					type:Object
				},
				zy_type:{
					type:Number,
					default:1
				},
				schoolName:{
					type:String,
					default:''
				}
		},
		data() {
			return {
				
			};
		}
	}
</script>

<style lang="scss" scoped>
	.zy2{
		width: 100%;
		// height: 150rpx;
		padding-left: 30rpx;
		padding-top: 20rpx;
		background: #F8F8F8;
		border-radius: 10rpx;
		display: flex;
		justify-content: left;
		margin-bottom: 30rpx;
		box-sizing: border-box;
	}
	
		.gailvIcon {
			width: 100rpx;
			height: 108rpx;
			background-image: url('https://mcdn.chatgk.com/xcx/static/images/chancePageImg/chong.png');
			background-repeat: no-repeat;
			background-size: contain;
			display: flex;
			flex-direction: column;
			justify-content: center;
			align-items: center;
			margin-right: 28rpx;
		
			text {
		
				font-size: 40rpx;
				font-family: PingFangSC-Semibold, PingFang SC;
				font-weight: 600;
				line-height: 35rpx;
				color: #FFFFFF;
		
				&:nth-child(2) {
					font-size: 20rpx;
				}
			}
		
		}
		
		.gailvText {
			height: 100%;
			flex: 1;
			font-size: 24rpx;
			font-family: PingFangSC-Semibold, PingFang SC;
			font-weight: 600;
			color: #999999;
		
			.gailvText-s {
		
				font-size: 28rpx;
				font-weight: 600;
				color: #333333;
			}
		
			.gailvText-year {
				text {
					font-size: 28rpx;
					font-weight: 600;
					color: #333333;
				}
			}
		}
		
		
		.wen {
			background-image: url('https://mcdn.chatgk.com/xcx/static/images/chancePageImg/wen.png') !important;
		
		}
		
		.bao {
			background-image: url('https://mcdn.chatgk.com/xcx/static/images/chancePageImg/bao.png') !important;
		
		}
		.hui{
			background-image: url('https://mcdn.chatgk.com/xcx/static/images/chancePageImg/hui_index.png') !important;
		}
		.changeColor{
			color: #999999 !important;
		}
</style>